<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.15rem;
      }

      .fontw {
        font-weight: 700;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <h3 style="font-size: 0.25rem; text-align: center; margin-bottom: 50px">消防安全培训试题</h3>
      <div class="test-top" style="display: flex; justify-content: space-between">
        <div class="test-top-item">
          <span>姓名：</span>
          <el-input v-model="testForm.name" class="promise-input"></el-input>
        </div>
        <div class="test-top-item">
          <span>得分：</span>
          <el-input class="promise-input"></el-input>
        </div>
      </div>
      <div class="test-one">
        <h4 style="margin-bottom: 20px">一、选择题（每题5分，共50分）</h4>
        <div class="question" v-for="(item,index) in radioList" :key="index">
          <div class="question-title">{{index+1}}、{{item.title}}( <el-input v-model="radioList[index].answer" class="people-input" style="width: 0.5rem"></el-input> )</div>
          <div class="question-item1">
            <el-radio-group v-model="radioList[index].answer">
              <el-radio :value="item1.value" v-for="(item1,index1) in item.answerOptions">{{item1.label}}</el-radio>
            </el-radio-group>
          </div>
        </div>
        <h4>二、判断题（每题5分，共50分）</h4>
        <div class="question" v-for="(item,index) in panduanList">
          <div class="question-title1">
            (
            <el-radio-group v-model="panduanList[index].answer">
              <el-radio :value="1">√</el-radio>
              <el-radio :value="2">×</el-radio>
            </el-radio-group>
            ){{index+1}}.{{item.title}}
          </div>
        </div>
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const radioList = ref([
            {
              title: "我国消防工作贯彻（   ）的方针。",
              answerOptions: [
                { label: "A、以防为主，防消结合", value: "A" },
                { label: "B、预防为主，防消结合", value: "B" },
                { label: "C、安全第一，预防为主", value: "C" },
                { label: "D、以防为主，以消为辅", value: "D" },
              ],
              answer: "",
            },
            {
              title: "正确使用电器设备，（   ），外出时要关闭电源开关。",
              answerOptions: [
                { label: "A、不乱接电源线", value: "A" },
                { label: "B、不超负荷用电", value: "B" },
                { label: "C、及时更换老化电器设备和线路", value: "C" },
                { label: "D、A  B  C", value: "D" },
              ],
              answer: "",
            },
            {
              title: "身上着火后，下列哪些灭火方法是不正确的：（   ）。",
              answerOptions: [
                { label: "A、找人扑救", value: "A" },
                { label: "B、就地打滚或用厚重衣物覆盖压灭火苗", value: "B" },
                { label: "C、迎风快跑", value: "C" },
                { label: "D、等待救援", value: "D" },
              ],
              answer: "",
            },
            {
              title: "遇到火灾时沉着、冷静，迅速正确逃生，（   ）。",
              answerOptions: [
                { label: "A、不贪恋财物", value: "A" },
                { label: "B、不乘坐电梯", value: "B" },
                { label: "C、不盲目跳楼", value: "C" },
                { label: "D、A  B  C", value: "D" },
              ],
              answer: "",
            },
            {
              title: "《动火许可证》的有效日期，根据动火级别确定。一般情况下，一级动火不得超过1天；二级动火有效期不得超过（   ）天。",
              answerOptions: [
                { label: "A、1", value: "A" },
                { label: "B、2", value: "B" },
                { label: "C、3", value: "C" },
                { label: "D、4", value: "D" },
              ],
              answer: "",
            },
            {
              title: "我国通用火警电话号码是（   ）。",
              answerOptions: [
                { label: "A、120", value: "A" },
                { label: "B、119", value: "B" },
                { label: "C、114", value: "C" },
                { label: "D、110", value: "D" },
              ],
              answer: "",
            },
            {
              title: "发生火灾时（   ）。",
              answerOptions: [
                { label: "A、不能随便开启门窗", value: "A" },
                { label: "B、只能开门", value: "B" },
                { label: "C、只能开窗", value: "C" },
                { label: "D、门窗都不能打开", value: "D" },
              ],
              answer: "",
            },
            {
              title: "当遇到火灾时，要迅速向（   ）逃生。",
              answerOptions: [
                { label: "A、着火相反的方向", value: "A" },
                { label: "B、人员多的方向", value: "B" },
                { label: "C、安全出口的方向", value: "C" },
                { label: "D、着火方向", value: "D" },
              ],
              answer: "",
            },
            {
              title: "发生火灾时，首先要保持冷静，并用（   ）捂住口鼻，采取匍匐前进或低头弯腰的方法迅速朝安全出口的方向逃离火灾现场。",
              answerOptions: [
                { label: "A、湿毛巾", value: "A" },
                { label: "B、手", value: "B" },
                { label: "C、干毛巾", value: "C" },
                { label: "D、被子", value: "D" },
              ],
              answer: "",
            },
            {
              title: "用灭火器灭火时,灭火器的喷射口应该对准火焰的      。",
              answerOptions: [
                { label: "A、上空", value: "A" },
                { label: "B、上部", value: "B" },
                { label: "C、中部", value: "C" },
                { label: "D、根部", value: "D" },
              ],
              answer: "",
            },
          ]);

          const panduanList = ref([
            {
              title: "进行电焊、气焊等具有火灾危险作业的人员和自动消防系统的操作人员，必须持证上岗，并遵守消防安全操作规程。",
              answer: "",
            },
            {
              title: "对建筑消防设施每年至少进行一次全面检测，确保完好有效，检测记录应当完整准确，存档备查",
              answer: "",
            },
            {
              title: "走廊、通道等公用区域可以放置、堆放其他杂物。",
              answer: "",
            },
            {
              title: "电器火灾主要原因有：短路、超负荷、接触电阻过大。",
              answer: "",
            },
            {
              title: "灭火器上的压力表用红、黄、绿三色表示灭火器的压力情况，当指针指在绿色区域表示偏低。",
              answer: "",
            },
            {
              title: "大火封门无法逃生时，可用浸湿的毛巾、衣物等堵塞门缝，发出求救信号等待救援。",
              answer: "",
            },
            {
              title: "岗位消防安全“四懂四会”中的“四会”是指：会报警，会使用消防器材，会扑救初期火灾，会逃生自救。",
              answer: "",
            },
            {
              title: "在特殊情况下，单位和个人可以挪用、拆除、埋压、圈占消火栓，临时占用消防通道。",
              answer: "",
            },
            {
              title: "手提式灭火器的正确方法是：拔去保险插销，一手紧握灭火器喷嘴，一手提灭火器并下压压把，对准火焰猛烈部位喷射。",
              answer: "",
            },
            {
              title: "认真观察动火现场的情况，发现异常情况，责令立即停止电、气焊作业。这是动火执行人的职责。",
              answer: "",
            },
          ]);

          const testForm = ref({ name: "张三" });

          return {
            radioList,
            panduanList,
            testForm,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
